@import './vw';
@import './common';


.content-source{
  padding-top: vw(131);
  padding-left: vw(29);
  padding-right: vw(30);
  display: flex;
  flex-direction: column;
  // border-bottom: 1px solid #e6e6e6;
  h3{
    font-weight: 600;
    font-size: vw(30);
    margin-bottom: vw(16);
  }
  p{
    font-size: vw(22);
    color: #c5c5c5;
    margin-bottom: vw(53);
    span{
      margin-left: vw(18);
      img{
        width: vw(24);
        height: vw(14);
        margin-right: vw(7);
      }
    }
    
  }
  p:nth-of-type(2){
    width: vw(470);
    color: #8b8b8b;
    line-height: vw(34);
  }
  .content-img{
    display: flex;
    width: vw(582);
    margin-bottom: vw(29);
    img{
      width: 100%;
    }
    
  }
  p:last-child{
    color: #8e8d8d;
    font-size: vw(28);
  }
}

.contact{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #b20000;
  height: vw(151);
  .item{
    display: flex;
    flex-direction: column;
    align-items:center;
    width: vw(212);
    height: vw(115);
    padding-top: vw(18);
    border-right: 1px solid #fff;
    .box{
      
      color: #fff;
      font-size: vw(22);
    }
    .box:first-child{
      margin-bottom: vw(20);
    }
    
  }
  .item:first-child{
    .box:first-child{
      width: vw(44);
      height: vw(41);
      img{
        height: 100%;
      }
    }
  }
  
  
  
  .item:nth-child(2){
    .box:first-child{
      width: vw(36);
      height: vw(37);
      img{
        height: 100%;
      }
    }
  }


  .item:last-child{
    .box:first-child{
      width: vw(34);
      height: vw(37);
      img{
        height: 100%;
      }
    }
  }
}